<div class="page">

    <div class="row ui-section">
        <div class="col-lg-8 clearfix">
            <h2 class="section-header">Wizard Form</h2>
        </div>
        <div class="col-md-12">
            <section class="panel panel-default">
                <div class="panel-body">
                    <div data-ui-wizard-form class="ui-wizard-form">
                        <h1>First Step</h1>
                        <div>First Content</div>

                        <h1>Second Step</h1>
                        <div>Second Content</div>

                        <h1>Third Step</h1>
                        <div>Third Content</div>    
                    </div>
                </div>
            </section>
        </div>
    </div>


    <div class="row ui-section">
        <div class="col-lg-8 clearfix">
            <h2 class="section-header">Vertical Wizard Form</h2>
        </div>
        <div class="col-md-12">
            <section class="panel panel-default">
                <div class="panel-body">
                    <div class="vertical" data-ui-wizard-form class="ui-wizard-form">
                        <h1>First Step</h1>
                        <div>First Content</div>

                        <h1>Second Step</h1>
                        <div>Second Content</div>

                        <h1>Third Step</h1>
                        <div>Third Content</div>    
                    </div>

                </div>
            </section>     
        </div>
    </div>

</div>